<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset='utf-8'>
  <title>demo</title>
</head>
<body>
  <div id="app">
    <p v-text="msg"></p>
    <p>{{msg}}</p>
    <p v-html="msg"></p>
    <input type="text" v-model="msg">
    <p>
      <button v-on:click="clickFn">按钮</button>
    </p>
  </div>
  <script src="./src/watcher.js"></script>
  <script src="./src/observer.js"></script>
  <script src="./src/compile.js"></script>
  <script src="./src/mvvm.js"></script>
  <script>
    const mvvm = new MVVM({
      el: '#app',
      data: {
        msg: 'Hallo Ninja',
        car: {
          color: 'red'
        }
      },
      methods: {
        clickFn () {
          this.msg = '点击了按钮'
        }
      }
    })
  </script>
</body>
</html>